<template>
    <div>
        <h2>删除类弹窗的示例+注解</h2>
        <button @click="deleteWindow" >删除弹窗测试</button>
        <button @click="noDelete">单独的'删除失败'测试</button>
    </div>
</template>

<script>
    export default {
        name: "deleteWindowTest",
        methods: {
            deleteWindow() {
                this.$confirm('此操作将删除选中项, 是否继续?', '提示', {      //前两项都是字符串，第三个参数是对象
                    confirmButtonText: '确认',     //可根据需要修改按钮文字内容，如‘完成'’提交‘等
                    cancelButtonText: '取消',
                    type: 'warning'   //type表示消息类型（显示的icon不同），根据情况选择：'success'成功，'warning'警告，'info'消息提示，'error'错误
                }).then(() => {      //点击'确认'后会执行的代码
                    //根据需要加入代码
                    this.$message({    //这是弹出通知，如‘删除成功’‘删除失败’等通知弹窗
                        type: 'success',     //type表示消息类型（显示的icon不同），根据情况选择：'success'成功，'warning'警告，'info'消息提示，'error'错误
                        message: '删除成功!'    //通知内容
                    });
                }).catch(() => {         //点击'取消'会执行的代码
                    //同上
                    this.$message({
                        type: 'info',
                        message: '已取消删除'
                    });
                });
            },
            noDelete(){
                this.$message({
                    type: 'info',
                    message: '已取消删除'
                });
            }
        }
    }
</script>

<style scoped>

</style>